import React, { Component } from 'react';
import PubSub from 'pubsub-js';
import './settingColorHSL.less'
import { meshLog } from '../../../config';
import SettingColorHSL3 from '../settingColorHSL3/settingColorHSL3'
import SettingColorHSL2 from '../settingColorHSL2/settingColorHSL2'
import SettingColorHSL1 from '../settingColorHSL1/settingColorHSL1'
import { Regular } from '../../../const/infoConst'
class SettingColorHSL extends Component {
    constructor(a) {
        super(a);
        this.state = {
            hsldate: ''
        }
    }
    componentDidMount() {
        ///meshLog('SettingColorHSL');
        PubSub.unsubscribe("hsldate")
        PubSub.subscribe('hsldate', (msg, data) => {
            meshLog('SettingColorHSL.jsx,20行,点击之后出弹框的值', data);
        });
    }
    render() {
        return (
            <div className='boby' >
                <h1>&nbsp;&nbsp;</h1>
                <h5 style={{ color: '#ffffff', marginLeft: 170, fontFamily: Regular, fontSize: 11 }}>HUE</h5>
                <SettingColorHSL1 ></SettingColorHSL1>
                <h6 style={{ color: '#ffffff', marginLeft: 170, marginTop: 60, fontFamily: Regular, fontSize: 11 }}>SATURATION</h6>
                <SettingColorHSL2 ></SettingColorHSL2>
                <h6 style={{ color: '#ffffff', marginLeft: 170, marginTop: 60, fontFamily: Regular, fontSize: 11 }}>LIGHTNESS</h6>
                <SettingColorHSL3 ></SettingColorHSL3>
            </div >
        );
    }
};
export default SettingColorHSL
